@charset "UTF-8";
body
{
	/* 文字不可选 */
	-moz-user-select: none; /* 火狐 */
	-webkit-user-select: none; /* webkit */
	-ms-user-select: none; /* IE10 */
	-khtml-user-select: none; /* 通用 */
	user-select: none;
}

/* 地图标题 */
#map_title
{
	position: absolute;
	z-index: 1;
	display: none;
	top: 88px;
	text-shadow: #fff 1px 0 5px, #fff 0 1px 5px, #fff -1px 0 5px, #fff 0 -1px 5px;
	cursor: pointer;
}
#map_title_text
{
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}
#map_title_time
{
	font-weight: 600;
	margin-top: 5px;
	text-align: center;
}

/* 左下角数据来源标注 */
#data_resource_dec {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 1;
	font-size: 12px;
	color: #000;
}
#data_resource_dec>span {
	margin-right: 15px;
}

/* 滚动条样式 */
#scrollMainBox,#scrollMainBox1
{
	position: relative;
}
#scrollContent,#scrollContent1
{
	width: 235px !important;
	position:absolute; 
	left:0; 
	top:0;
}
#yjxh_tjcx_div
{
	position: relative;
	overflow-y:hidden;
	max-height:500px;
	width: 310px;
	height: 200px;
}
#yjxh_tjcx_div1
{
	position:absolute; 
	left:0; 
	top:0;
}
.scrollDiv
{ 
	width:8px; 
	position:absolute; 
	top:0; 
	background:#cacaca; 
	border-radius:10px !important;
	visibility:hidden;
}

/* 工具栏样式 */
#tool
{
	position: absolute;
	top: 110px;
	right: 14px;
	z-index: 1;
	width: 28px;
	height: 221px;
}
.tool_img
{
	vertical-align : bottom;
	cursor: pointer;
}
.tool_tips_img
{
	display: none;
	position: absolute;
	right: 44px;
	z-index: 1;
}
#tool_hide
{
	position: relative;
	bottom: 4px;
}

/* 绘制工具栏 */
#draw_tool
{
	padding: 0 5px;
    height: 26px;
    background: #fff;
    position: absolute;
    z-index: 9999;
    border: 1px solid #aaa;
    border-radius: 4px !important;
    display: none;
}
.draw_tool_img
{
	cursor: pointer;
	width: 26px;
	height: 24px;
}

/* 图层控制 */
#map_layer
{
	position: absolute;
	width: 250px;
	height: 182px;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px !important;
	display: none;
	z-index: 9995;
}
#map_layer_title
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 7px 12px;
}
#map_layer_exit
{
	position: relative;
	bottom: 5px;
	width: 13px;
	height: 13px;
	cursor: pointer;
	margin-left: 153px;
}
#map_layer_check
{
	padding: 10px 0 7px 12px;
	height: 80px;
	cursor: pointer;
}
#map_layer_vec
{
	float: left;
	width: 71px;
	height: 59px;
	background: url(../images/layer_vec.png);
	margin-right: 7px;
	cursor: pointer;
	border-radius: 5px !important;
	border: 2px solid #fff;
}
#map_layer_img
{
	float: left;
	width: 71px;
	height: 59px;
	background: url(../images/layer_img.png);
	margin-right: 7px;
	cursor: pointer;
	border-radius: 5px !important;
	border: 2px solid #fff;
}
#map_layer_ter
{
	float: left;
	width: 71px;
	height: 59px;
	background: url(../images/layer_ter.png);
	border-radius: 5px !important;
	border: 2px solid #fff;
}
#map_layer_vec_p
{
	float: left;
	margin-left: 20px;
	margin-top: 2px;
	margin-bottom: 8px;
}
#map_layer_img_p
{
	float: left;
	margin-left: 52px;
	margin-top: 2px;
	margin-bottom: 8px;
}
#map_layer_ter_p
{
	float: left;
	margin-left: 52px;
	margin-top: 2px;
	margin-bottom: 8px;
}
#map_layer_placename
{
	padding: 7px 0 7px 12px;
}
.map_layer_check_img
{
	position: relative;
	margin-left: 5px;
	cursor: pointer;
	display: none;
}
.map_layer_check_img1
{
	position: relative;
	margin-left: 5px;
	cursor: pointer;
}
#hr_1, #hr_2
{
	margin: 0 12px;
	width: 227px;
	border: 0;
	border-top: 1px solid #aaa;
	line-height: 0;
}

/* 左侧树样式 */
.tree_li_img3
{	
	cursor: pointer;
	position: relative;
	width: 15px;
	height: 15px;
	margin-right: 4px;
}
.tree_li_img4
{
	cursor: pointer;
	position: relative;
	width: 15px;
	height: 15px;
	margin-right: 4px;
	display: none;
}
.tree_li_img5
{
	cursor: pointer;
	float: right;
	width: 13px;
	height: 13px;
	margin-top: 5px;
	margin-right: 10px;
}
.panel-group:last-child
{
	margin-bottom: 0 !important;
}
.body-tit-text
{
	font-size: 14px;
}
.panel-body
{
	padding-bottom: 5px !important;
}
.checkActive
{
	background: #f6f6f6;
}

/* 气泡样式 */
.popup_style1
{
	font-size: 13px;
	font-family: "microsoft yahei",arial,tahoma,helvetica,sans-serif;
	padding: 2px 0 0 5px;
	/* 不换行 */
	word-break: keep-all;
	/* chrome/IE-不换行 */
	white-space: nowrap;
}
.popup_style2
{
	font-size: 16px;
	font-family: "microsoft yahei",arial,tahoma,helvetica,sans-serif;
	padding: 2px 0 0 0;
	/* 表格不换行 */
	word-break: keep-all;
	/* chrome/IE-表格不换行 */
	white-space: nowrap;
}
.popup_p
{
	padding: 2px 0 4px 5px;
	margin: 0;
}
.popup_hr
{
	border: 0;
	border-top: 1px solid #aaa;
	margin: 0 0px 0 5px;
	padding: 0 0 2px 0;
}
.popup_interaction_div
{
	margin-top: 5px;
}
.popup_interaction_a
{
	text-decoration: underline;
	color: #285C95;
}
.popup_interaction_a:hover
{
	color: #F00;
	text-decoration: underline;
}
.popup_div
{
	width: 360px;
	padding: 2px 0 0 5px;
}

/* 监测报警阈值 */
#yuZhiLegend
{
	position: absolute;
	z-index: 0;
	bottom: 5px;
	right: 5px;
	font-size: 12px;
}
#yuZhiLegend-set
{
	display: none;
	cursor: pointer;
	position: absolute;
    top: 6px;
    left: 5px;
    font-size: 13px;
    color: #fff;
}
#yuZhiLegend-set:hover
{
	color: #ccc;
}
.yuZhiLegend_table
{
	color: #000;
	border-collapse: collapse;
	background: rgba(169,203,247,0.9);
	-webkit-box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);  
  	-moz-box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);  
  	box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);
	
}
.yuZhiLegend_table td
{
	border: 1px solid #fff;
	text-align: center;
	padding: 3px 7px;
}
.setYuZhi_div
{
	display: none;
	position: absolute;
	z-index: 1;
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);  
  	-moz-box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);  
  	box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);
}
.setYuZhi_div_header
{
	font-size: 15px;
	color: #fff;
	text-align: center;
	background: #4187e7;
	padding: 3px 0;
}
.setYuZhi_table
{
	margin: 3px 0;
	font-size: 12px;
}
.setYuZhi_table td
{
	padding: 2px 4px;
}
.setYuZhi_table input
{
	padding: 0 4px;
	width: 130px;
}
#setYuZhi_div_exit
{
	position:absolute;
	right:4px;
	top: -3px;
	color:#fff;
	cursor: pointer;
}
.blue_button
{
	display: inline-block;
	width: 40px;
	cursor:pointer;
	background: #4187e7;
	color: #fff; 
	padding: 1px 4px; 
	border: none; 
	border-radius: 4px; 
}
.blue_button:hover
{
	background: #04659A;
}

/* 时间段查询 */
.time-box {
    width: 100px;
    height: 100px;
    position: absolute;
}
.time-check{
	border-radius: 4px !important;
	display: none;
    position: absolute;
    z-index: 2;
    bottom: 10px;
    width: 480px;
    height: 35px;
    background: #fff;
    -webkit-box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);  
  	-moz-box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);  
  	box-shadow:1px 1px 5px 2px rgba(100, 100, 100, 0.6);
    padding: 0 0 0 10px;
    border: 1px solid #eeeeee;
    line-height: 34px;
}
.time-check>.time_button{
	cursor: pointer;
    text-decoration: none;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    border: none;
    font-size: 12px;
    margin-left: 10px;

}
.time-check>.time_button:hover{
    color: #3385ff;
}
.beginTime, .endTime{
    font-size: 12px;
    float: left;
}
.endTime{
    margin-left: 15px;
}
.beginTime > .input_text, .endTime > .input_text{
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
}
.beginTime>input, .endTime>input{
	cursor: pointer;
	padding-left: 3px;
    display: inline-block;
    width: 130px;
    height: 24px;
}

/* 专题图层图例 */
#zhfw-zt-legend
{
	position: absolute;
	top: 88px;
	right: 53px;
	z-index: 1;
	background: rgba(255, 255, 255, 1);
	border-radius: 4px !important;
	border: 1px solid #eee;
	-webkit-box-shadow:1px 1px 10px 2px rgba(100, 100, 100, 0.4);  
  	-moz-box-shadow:1px 1px 10px 2px rgba(100, 100, 100, 0.4);  
  	box-shadow:1px 1px 10px 2px rgba(100, 100, 100, 0.4);
  	min-width: 50px;
  	min-height: 40px;
}
#zhfw-zt-legend-span
{
	display: inline-block;
	font-size: 29px;
	color: rgba(65, 135, 231, 0.8);
	position: absolute;
	top: 80px;
	right: 13px;
	z-index: 1;
	cursor: pointer;
}
#zhfw-zt-legend-span:hover
{
	color: rgba(65, 135, 231, 1);
}
#zhfw-zt-legend-span1
{
	position: absolute;
	top: 20px;
	right: 45px;
	z-index: 2;
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 10px solid transparent;
}
#zhfw_zt_legend_div
{
	float: left;
	padding: 10px;
}
#zhfw_zt_legend_div1
{
	float: left;
	padding: 10px;
}
#zhfw_zt_legend_div2
{
	float: left;
	padding: 10px;
}

/* 高级面板 */
.advancedQuery_div
{
	padding: 0 0 6px 0;
	color: #043567;
}
.advancedQuery_time_span
{
	display: inline-block;
	width: 45px;
	text-align: center;
	margin-top: 6px;
	margin-right: 8px;
	border:1px solid #043567;
	cursor: pointer;
}
.advancedQuery_time_span1
{
	display: inline-block;
	width: 45px;
	text-align: center;
	margin-top: 6px;
	border:1px solid #043567;
	cursor: pointer;
}
.advancedQuery_type_span
{
	display: inline-block;
	width: 100px;
	text-align: center;
	margin-right: 8px;
	margin-top: 6px;
	border:1px solid #043567;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.advancedQuery_type_span1
{
	display: inline-block;
	width: 100px;
	text-align: center;
	margin-top: 6px;
	border:1px solid #043567;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.yjxh_span
{
	display: inline-block;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:75px;
}
.yjxh_span1
{
	display:inline-block;
	color:#fff;
	background:#ff5601;
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	min-width:20px;
	border-radius:1px;
	font-size: 10px;
	padding: 0 2px;
}
.yjxh_zw_span
{
	width:36px;
	height:30px;
	display:inline-block;
	margin-top:25px;
}
.emfocus
{
	display: none;
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: #d65601;
    border-radius: 100%;
}
.emfocus:after,.emfocus:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: #fff;
    width: 1px;
}
.emfocus:before {
    top: 4px;
    left: 3px;
    height: 4px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
em.emfocus:after {
    top: 2px;
    left: 6px;
    height: 6px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.yjxh_button
{
	background: #4187e7;
	border: 0;
	font-size: 15px;
    width: 60px;
    height: 25px;
    padding: 2px;
}
.menu1_div_exit
{
	position: absolute;
    top: -5px;
    right: 2px;
    display: inline-block;
    font-size: 20px;
    height: 20px;
    cursor: pointer;
    color: #777;
}
.menu1_div_exit:hover
{
	color: #333;
}
.menu1_div
{
	-webkit-box-shadow:2px 2px 2px 1px rgba(100, 100, 100, 0.4);  
  	-moz-box-shadow:2px 2px 2px 1px rgba(100, 100, 100, 0.4);  
  	box-shadow:2px 2px 2px 1px rgba(100, 100, 100, 0.4);
}
.advancedQuery_type_span2
{
	display: inline-block;
	width: 32px;
	height: 30px;
	border: 1px solid #043567;
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
}
.advancedQuery_type_span3
{
	display: inline-block;
	width: 16px;
	height: 30px;
	border: 1px solid #043567;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
}
.advancedQuery_type_span4
{
	display: inline-block;
	width: 76px;
	height: 30px;
	border: 1px solid #043567;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	margin-top: 6px;
	margin-left: 132px;
	cursor: pointer;
}
.advancedQuery_type_span5
{
	display: inline-block;
	width: 32px;
	border: 1px solid #043567;
	line-height: 100px;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	height: 100px;
    position: absolute;
    top: 105px;
    right: 10px;
}
.span_margin
{
	margin-right: 12px;
    margin-top: 6px;
}

/* 滑动条 */
.opacitySlider
{
    float: left;
    width: 158px;
    height: 11px;
    margin: 6px 12px 0 0;
    border-radius: 4px !important;
}
.opacitySliderValue
{
	position: relative;
	top: 2px;
}
.opacitySlider .ui-slider-range
{ 
	background: #4187e7;
}
.opacitySlider .ui-slider-handle
{ 
	border-color: #4187e7;
	cursor:pointer;
}

/* 预警列表 */
#warning-info-list
{
	display:none;
}

#jqgh_list2_cb
{
	text-align: left;
}
#yjxh_list_icon,#yjxh_count_icon
{
	cursor: pointer;
	float: right;
}
#yjxh_list_icon:hover,#yjxh_count_icon:hover
{
	color: #4187e7;
}
#warning-info-list
{
	padding: 10px;
}
#gridMainDiv_yjxh
{
	margin-top: 8px;
}

/* 等待效果 */
.loading_div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.3);
}
.loading_div .loading_pic {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 400px;

}
.loading_div .loading_pic i {
    display: block;
    float: left;
    width: 6px;
    height: 50px;
    background: #4187e7;
    margin: 0 2px;
    transform: scaleY(0.4);
    animation: load 1.2s infinite;
}
.loading_div .loading_pic i:nth-child(2) {
    animation-delay: 0.1s;
}
.loading_div .loading_pic i:nth-child(3) {
    animation-delay: 0.2s;
}
.loading_div .loading_pic i:nth-child(4) {
    animation-delay: 0.3s;
}
.loading_div .loading_pic i:nth-child(5) {
    animation-delay: 0.4s;
}
@keyframes load {
    0%,40%,100%{
        transform: scaleY(0.4);
    }
    20%{
        transform: scaleY(1);
    }
}


/* jqgrid表格样式修改 */
#warning-info-list #gridPager_yjxh_left
{
	display: none;
}
#warning-info-list .ui-jqgrid .ui-jqgrid-hdiv {
    top: 0;
}

#warning-info-list .ui-jqgrid .ui-jqgrid-bdiv {
    top: 0;
}
#warning-info-list .ui-jqgrid-caption
{
	width: 500px;
}
.ui-jqgrid-hdiv{
	overflow-x: auto;
}
.ui-jqgrid-bdiv{
	width: max-content !important;
	overflow-y: auto;
}
.ui-jqgrid-title{
	font-size: 16px;
	font-weight: 800;
	position: relative;
	top: 2px;
	color: #fff;
}
.ui-jqgrid-titlebar{
	background: #5BC0DE;
}
thead th{
	background: #F5F5F5;
}